<script setup lang="ts">
import { ref } from "vue";

interface PropType {
  isDoc?: boolean; // 是否为文档系统
}

withDefaults(defineProps<PropType>(), {
  isDoc: false,
});

const dateBase = ref(null);
</script>

<template>
  <div class="page-container w-full h-full">
    <xt-row>
      <xt-col :xs="24" :md="12" :lg="isDoc ? 12 : 8">
        <xt-card header="基础" class="card-container">
          <p>{{ dateBase }}</p>
          <xt-date-picker v-model="dateBase" />
        </xt-card>
      </xt-col>
    </xt-row>
  </div>
</template>

<style lang="scss">
.page-container {
  .card-container {
    @apply m-[10px];
  }
}
</style>
